<!-- pages/lab/gramma/vbind.vue -->
<template>
  <view style="flex-direction: column; flex: 1;">
    <!-- <button v-bind:disabled="isButtonDisabled" v-on:click="changeStatus">切换</button> -->
    <button :disabled="isButtonDisabled" @click="changeStatus">切换</button>
    <text>{{seen}}</text>
    <text v-show="seen">{{message}}</text>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        isButtonDisabled: false,
        seen: true,
        message: '广州番禺职业技术学院'
      }
    },
    methods: {
      changeStatus() {
        this.seen = !this.seen;
      }
    }
  }
</script>
<style>
  view {
    display: flex;
    flex-direction: row;
  }
</style>
